<!DOCTYPE HTML>
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>协议列表</title>
</head>
<body class="agreementList-body">
<ol class="agreementList-wrap">
    <li th:each="item : ${agreementList}">
        <a th:text="${item.agreementName}" th:href="${item.agreementUrl}"></a>
    </li>
</ol>
</body>
<style>
    .agreementList-body{
        background: #f7f9ff;
        overflow: hidden;
        padding: 0.4rem;
        margin: 0;
    }
    .agreementList-wrap{
        background: #ffffff;
        border-radius: 0.2rem;
        padding:0 0.4rem;
        margin: 0;
    }
    .agreementList-wrap li {
        color: #5a5d73;
        list-style: none;
        border-bottom: 1px solid #e4e7f1;
        padding: 0.4rem;
        font-size: 0.28rem;
    &:last-child{
         border-bottom: none;
     }
    }
    .agreementList-wrap li a{
        text-decoration: none;
    }
</style>
<script>
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            // recalc改变font-size值的大小
            recalc = function () {
                // 获取我设备的宽度
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                // 如果设备宽度大于750 超出移动端返回.
                if (clientWidth >= 750) {
                    docEl.style.fontSize = '100px';
                } else {
                    // 把fontsize值大小设置成大小/750 *100
                    docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
                }
            };

        if (!doc.addEventListener) return;
        // 在你屏幕发生旋转,或者是放大缩小时执行上面的函数
        win.addEventListener(resizeEvt, recalc, false);
        // 在你的页面初始化的时候执行上面的函数
        doc.addEventListener('DOMContentLoaded', recalc, false);
        /*DOMContentLoaded文档加载完成不包含图片资源 onload包含图片资源*/
    })(document, window);
</script>
</html>